/* 标题 */
.title {
    margin-top: 160px;
    height: 200px;
}

.title h2 {
    display: block;
    font-size: 40px;
    width: 1600px;
    letter-spacing: 2px;
    margin: 0 auto;
    padding-top: 70px;
}


/* 部分成员更新平台传送门 */
/* 个人信息面板 */
.information {
    height: 240px;
}

.information>div {
    display: block;
    height: 160px;
    width: 1600px;
    margin: 0 auto;
    border-bottom: 1px solid #ffffff7a;
}


/* 头像 */
.head {
    background-image: url('../images/icons/big-pic-2.png');
    height: 160px;
    width: 160px;
    float: left;
    border: 3px solid #fff;
}


/* id */
.name {
    float: left;
    font-size: 30px;
    height: 160px;
    width: 600px;
    margin-left: 40px;
}

.name p {
    color: #ccc;
    font-size: 20px;
    margin-top: 10px;
}


/* 超链接 */
.link {
    float: right;
}

.link a {
    display: block;
    width: 192px;
    line-height: 2;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    background-color: #08AEF9;
}

.link a:hover {
    color: #041225;
    background-color: #fff;
}


/* 个人信息面板 */


/* 作品预览 */
.content {
    height: 340px;
}

.content>div {
    width: 1600px;
    margin: 0 auto;
}

.content>div>div {
    display: block;
    height: 180px;
    width: 288px;
    border: 1px solid #fff;
}

.preview-1>div {
    background-image: url('../images/pictures/big-pic-1.png');
}

.preview-2>div {
    background-image: url('../images/pictures/big-pic-2.png');
}

.preview-3>div {
    background-image: url('../images/pictures/big-pic-3.png');
}

.preview-4>div {
    background-image: url('../images/pictures/big-pic-4.png');
}

.preview-5>div {
    background-image: url('../images/pictures/big-pic-5.png');
}

.preview-6>div {
    background-image: url('../images/pictures/big-pic-6.png');
}

.preview-7>div {
    background-image: url('../images/pictures/big-pic-7.png');
}


/* 作品预览 */


/* -----1------ */
/* 内容展示 */
.pic-1-1 {
    float: left;
}

.pic-1-2 {
    float: left;
    margin-left: 2.5%;
    background-position: 25%;
}

.pic-1-3 {
    float: left;
    margin-left: 2.5%;
    background-position: 50%;
}

.pic-1-4 {
    float: left;
    margin-left: 2.5%;
    background-position: 75%;
}

.pic-1-5 {
    float: right;
    background-position: 100%;
}

/* 内容展示 */
/* -----1------ */


/* -----2------ */
/* 内容展示 */
.head-2 {
    background-position: 25% 0%;
}

.pic-2-1 {
    float: left;
}

.pic-2-2 {
    float: left;
    margin-left: 2.5%;
    background-position: 25%;
}

.pic-2-3 {
    float: left;
    margin-left: 2.5%;
    background-position: 50%;
}

.pic-2-4 {
    float: left;
    margin-left: 2.5%;
    background-position: 75%;
}

.pic-2-5 {
    float: right;
    background-position: 100%;
}

/* 内容展示 */
/* -----2------ */


/* -----3------ */
/* 内容展示 */
.head-3 {
    background-position: 50% 0%;
}

.pic-3-1 {
    float: left;
}

.pic-3-2 {
    float: left;
    margin-left: 2.5%;
    background-position: 25%;
}

.pic-3-3 {
    float: left;
    margin-left: 2.5%;
    background-position: 50%;
}

.pic-3-4 {
    float: left;
    margin-left: 2.5%;
    background-position: 75%;
}

.pic-3-5 {
    float: right;
    background-position: 100%;
}

/* 内容展示 */
/* -----3------ */


/* -----4------ */
/* 内容展示 */
.head-4 {
    background-position: 75% 0%;
}

.head-4 {
    background-position: ;
}

.pic-4-1 {
    float: left;
}

.pic-4-2 {
    float: left;
    margin-left: 2.5%;
    background-position: 25%;
}

.pic-4-3 {
    float: left;
    margin-left: 2.5%;
    background-position: 50%;
}

.pic-4-4 {
    float: left;
    margin-left: 2.5%;
    background-position: 75%;
}

.pic-4-5 {
    float: right;
    background-position: 100%;
}

/* 内容展示 */
/* -----4------ */


/* -----5------ */
/* 内容展示 */
.head-5 {
    background-position: 100% 0%;
}

.pic-5-1 {
    float: left;
}

.pic-5-2 {
    float: left;
    margin-left: 2.5%;
    background-position: 25%;
}

.pic-5-3 {
    float: left;
    margin-left: 2.5%;
    background-position: 50%;
}

.pic-5-4 {
    float: left;
    margin-left: 2.5%;
    background-position: 75%;
}

.pic-5-5 {
    float: right;
    background-position: 100%;
}

/* 内容展示 */
/* -----5------ */


/* -----6------ */
/* 内容展示 */
.head-6 {
    background-position: 0% 50%;
}

.pic-6-1 {
    float: left;
}

.pic-6-2 {
    float: left;
    margin-left: 2.5%;
    background-position: 25%;
}

.pic-6-3 {
    float: left;
    margin-left: 2.5%;
    background-position: 50%;
}

.pic-6-4 {
    float: left;
    margin-left: 2.5%;
    background-position: 75%;
}

.pic-6-5 {
    float: right;
    background-position: 100%;
}

/* 内容展示 */
/* -----6------ */

/* -----7------ */
/* 内容展示 */
.head-7 {
    background-position: 25% 50%;
}

.pic-7-1 {
    float: left;
}

.pic-7-2 {
    float: left;
    margin-left: 2.5%;
    background-position: 25%;
}

.pic-7-3 {
    float: left;
    margin-left: 2.5%;
    background-position: 50%;
}

.pic-7-4 {
    float: left;
    margin-left: 2.5%;
    background-position: 75%;
}

.pic-7-5 {
    float: right;
    background-position: 100%;
}


/* 内容展示 */
/* -----7------ */
/* 部分成员更新平台传送门 */


/* 社团账号传送门 */

.title-2 {
    margin-top: 8%;
    height: 20vh;
}

.title-2 h2 {
    display: block;
    font-size: 2.3vw;
    letter-spacing: 0.1vw;
    margin-left: 3vw;
    padding-top: 7vh;
}


/* 社团账号传送门 */
.head-8 {
    background-position: 75% 50%;
}

.head-9 {
    background-position: 100% 50%;
}

.head-10 {
    background-position: 0% 100%;
}

.head-11 {
    background-position: 25% 100%;
}